Шаг 3. Клонируем удалённый репозиторий

Теперь клонируем удалённый репозиторий. Для этого сначала нажмём на зелёную кнопку Code.

Красная стрелка указывает на зелёную кнопку Code
Красная стрелка указывает на зелёную кнопку Code

Далее в открывшемся выпадающем меню перейдём в раздел HTTPS и скопируем ссылку на удалённый репозиторий, которая находится чуть ниже. Ссылку можно скопировать двумя способами:

  • нажав на кнопку с иконкой из двух квадратов;
  • выделив мышкой и нажав сочетание клавиш Ctrl + C, если у вас Windows.

Одна красная стрелка указывает на раздел HTTPS, а другая — на ссылку
Одна красная стрелка указывает на раздел HTTPS, а другая — на ссылку

Затем перейдём в редактор кода VS Code и нажмём на панели слева на кнопку с иконкой ветки. Этот раздел называется Source Control, или управление версиями.

Красная стрелка указывает на кнопку с иконкой ветки
Красная стрелка указывает на кнопку с иконкой ветки

После этого жмём на кнопку Clone Repository.

Красная стрелка указывает на кнопку Clone Repository
Красная стрелка указывает на кнопку Clone Repository

Откроется небольшое текстовое поле — вставляем в него скопированную ссылку.

Красная стрелка указывает на текстовое поле для вставки ссылки на репозиторий
Красная стрелка указывает на текстовое поле для вставки ссылки на репозиторий

Далее жмём на кнопку Clone from URL.

Красная стрелка указывает на кнопку Clone from URL
Красная стрелка указывает на кнопку Clone from URL

Откроется выбор директории — здесь нужно выбрать, куда будет сохранена директория с локальным репозиторием. В нашем случае это рабочий стол. После выбора нажимаем на кнопку Select Repository Location.

Одна красная стрелка указывает на выбранную директорию, а другая — на кнопку Select Repository Location
Одна красная стрелка указывает на выбранную директорию, а другая — на кнопку Select Repository Location

Начнётся клонирование репозитория, и в самом конце в правом нижнем углу появится уведомление: Would you like to open the cloned repository? Так VS Code предлагает открыть клонированную директорию. Нам это и нужно, поэтому нажмём на кнопку Open.

Красная стрелка указывает на кнопку Open
Красная стрелка указывает на кнопку Open

После нажатия на кнопку откроется директория.

Открыта клонированная директория в VS Code
Открыта клонированная директория в VS Code